<!-- 个人中心 -->
<template>


    <view class="components-theme">

        <!-- 金币收集 -->
        <view class="exchange-box">
        </view>

        <navigator target="miniProgram" app-id='wx307a52ca028d3c07' version='release' hover-class="none">
            <view class="dong">
                <view class="monster">
                    <view class="monster__face">
                        <view class="monster__eye avatar-eye avatar-eye--green eye--left">
                            <view class="avatar-eye-pupil pupil--green"><span class="avatar-eye-pupil-blackThing"><span
                                    class="avatar-eye-pupil-lightReflection"></span></span></view>
                        </view>
                        <view class="monster__eye avatar-eye avatar-eye--violet eye--right">
                            <view class="avatar-eye-pupil pupil--pink"><span class="avatar-eye-pupil-blackThing"><span
                                    class="avatar-eye-pupil-lightReflection"></span></span></view>
                        </view>
                        <view class="monster__noses">
                            <view class="monster__nose"></view>
                            <view class="monster__nose"></view>
                        </view>
                        <view class="monster__mouth">
                            <view class="monster__top"></view>
                            <view class="monster__bottom"></view>
                        </view>
                    </view>
                </view>
            </view>
        </navigator>

        <!--    &lt;!&ndash; 弹窗确认 &ndash;&gt;-->
        <!--    <view class="cu-modal" :class="modalName=='Modal'?'show':''">-->
        <!--      <view class="cu-dialog" style="padding: 300rpx 0 70rpx;">-->
        <!--        <view class="modal_bg"></view>-->
        <!--        <view class="modal_main">-->
        <!--          <view class='nav-list margin-top'>-->
        <!--            <view :class="'nav-li bg-zt' + (index+1)" v-for="(item, index) in inter" :key="index" @click="switchImage(index,item.name)">-->
        <!--              <view class="nav-name">{{item.name}}</view>-->
        <!--            </view>-->
        <!--          </view>-->
        <!--        </view>-->
        <!--      </view>-->
        <!--    </view>-->
        <!-- 顶部背景 -->
        <view class='UCenter-bg'
              :style="'background-image: url(' + pic[topBackGroupImageIndex].link + ');margin-top:' + CustomBar + 'px;'">
            <view class='space' v-show="spaceShow">
                <view class="stars ">
                    <view class="star "></view>
                    <view class="star pink "></view>
                    <view class="star blue "></view>
                    <view class="star yellow "></view>
                </view>
            </view>

            <block>
                <view class='text-center' @click="goMedal">
                    <view class="cu-avatar2 round xl margin-right-sm shadow-blur-lg bg-img open-data"
                          style="overflow: hidden;">
                        <open-data type="userAvatarUrl"></open-data>
                    </view>
                    <view class="padding text-blue text-xl text-bold">
                        你好，
                        <open-data type="userNickName"></open-data>
                    </view>

                </view>
            </block>

            <image src='https://cdn.nlark.com/yuque/0/2019/gif/280373/1570670848649-assets/web-upload/3dbaa72a-062b-470f-9b9d-058ff8f85ab8.gif'
                   mode='scaleToFill' class='gif-wave'></image>
        </view>

        <block>

            <view class="cu-list menu card-menu margin-top-lg margin-bottom-sm shadow-shop bg-white text-black my-radius sm-border">

                <view style="height: 10rpx;width: 1rpx;"></view>

                <view class="cu-item " @click="mentalTest">
                    <button class='content cu-btn'>
                        <image src='../../static/me/icon/bianqian.png' class='png' mode='aspectFit'></image>
                        <text class='text-lg margin-sm'>第一步</text>
                    </button>
                </view>

                <view style="height: 10rpx;width: 1rpx;"></view>


                <view class="cu-item">
                    <button class='content cu-btn' open-type="share">
                        <image src='../../static/me/icon/lvhang.png' class='png' mode='aspectFit'></image>
                        <text class='text-lg margin-sm'>第二步</text>
                    </button>
                </view>

                <view style="height: 10rpx;width: 1rpx;"></view>


                <view class="cu-item">
                    <button class='content cu-btn' open-type="share">
                        <image src='../../static/me/icon/lvhang.png' class='png' mode='aspectFit'></image>
                        <text class='text-lg margin-sm'>第三部</text>
                    </button>
                </view>
            </view>

        </block>


    </view>
</template>

<script>
    export default {
        data() {
            return {
                Custom: this.Custom,
                CustomBar: this.CustomBar,
                spaceShow: true,
                modalName: null,
                picName: '流星之夜',
                pic: [{
                    link: 'https://cdn.zhoukaiwen.com/zjx_me_bg1.jpeg',
                    name: '春天'
                }, {
                    link: 'https://cdn.zhoukaiwen.com/zjx_me_bg2.jpeg',
                    name: '夏天'
                }, {
                    link: 'https://cdn.zhoukaiwen.com/zjx_me_bg3.jpeg',
                    name: '秋天'
                }, {
                    link: 'https://cdn.zhoukaiwen.com/zjx_me_bg4.jpeg',
                    name: '冬天'
                }, {
                    link: 'https://cdn.zhoukaiwen.com/zjx_me_bg5.jpeg',
                    name: '幽静'
                }, {
                    link: 'https://cdn.zhoukaiwen.com/zjx_me_bg6.jpg',
                    name: '天空'
                }],
                topBackGroupImageIndex: 1,
                inter: [{
                    title: 'mimicry',
                    name: '活力春天',
                    color: ''
                }, {
                    title: 'theme',
                    name: '清爽夏日',
                    color: ''
                }, {
                    title: 'theme',
                    name: '金秋之韵',
                    color: ''
                }, {
                    title: 'theme',
                    name: '冬日之阳',
                    color: ''
                }, {
                    title: 'theme',
                    name: '幽兰星空',
                    color: ''
                }, {
                    title: 'theme',
                    name: '流星之夜',
                    color: ''
                }]
            }
        },
        // 分享小程序
        onShareAppMessage(res) {
            return {
                title: '看看这个小程序多好玩～',
            };
        },
        watch: {
            topBackGroupImageIndex(val) {
                console.log(val)
                if (val == 4 || val == 5) {
                    this.spaceShow = true;
                } else {
                    this.spaceShow = false;
                }
            }
        },
        mounted() {
            // uni.showToast({
            //     title: '暂未开放,敬请期待',
            // 	icon: 'none',
            //     duration: 2000
            // });
        },
        methods: {
            getGitee() {
                uni.setClipboardData({
                    data: 'https://gitee.com/kevin_chou',
                    success: function () {
                        console.log('success');
                    }
                });
            },
            switchImage(index, name) {
                this.topBackGroupImageIndex = index;
                this.modalName = null;
                this.picName = name;
            },
            showModal(e) {
                this.modalName = e.currentTarget.dataset.target
            },
            showGitee(e) {
                this.modalName = e.currentTarget.dataset.target
            },
            hideModal(e) {
                this.modalName = null
            },

            // 答题测试
            mentalTest() {
                uni.navigateTo({
                    url: '../me/mentalTest/list'
                })
            },
            //拨打固定电话
            callPhoneNumber() {
                uni.makePhoneCall({
                    phoneNumber: "18629591093",
                });
            },
            goMedal() {
                uni.navigateTo({
                    url: '../../tn_components/medal'
                })
            },
            // 关于作者
            goAboutMe() {
                uni.navigateTo({
                    url: '../me/aboutMe'
                })
            },
            // 薪资排名
            // goSalary() {
            // 	uni.navigateTo({
            // 		url: '../me/salary'
            // 	})
            // },
            // // 课班信息
            // goCourse() {
            // 	uni.navigateTo({
            // 		url: '../me/course'
            // 	})
            // }
        }
    }
</script>

<style lang="scss">
    @import 'index.scss';
</style>

<!--<template>-->

<!--  <view class="index">-->

<!--&lt;!&ndash;    &lt;!&ndash; 顶部背景 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <view class='UCenter-bg' :style="'background-image: url(' + pic[topBackGroupImageIndex].link + ');margin-top:' + CustomBar + 'px;'">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class='space' v-show="spaceShow">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="stars ">&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="star "></view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="star pink "></view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="star blue "></view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="star yellow "></view>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->

<!--&lt;!&ndash;      <block>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class='text-center' @click="goMedal">&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="cu-avatar2 round xl margin-right-sm shadow-blur-lg bg-img open-data" style="overflow: hidden;">&ndash;&gt;-->
<!--&lt;!&ndash;            <open-data type="userAvatarUrl"></open-data>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="padding text-blue text-xl text-bold">&ndash;&gt;-->
<!--&lt;!&ndash;            你好，<open-data type="userNickName"></open-data>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->

<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;      </block>&ndash;&gt;-->

<!--&lt;!&ndash;      <image src='https://cdn.nlark.com/yuque/0/2019/gif/280373/1570670848649-assets/web-upload/3dbaa72a-062b-470f-9b9d-058ff8f85ab8.gif'&ndash;&gt;-->
<!--&lt;!&ndash;             mode='scaleToFill' class='gif-wave'></image>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->


<!--    &lt;!&ndash; banner &ndash;&gt;-->
<!--    <view class="banner">-->
<!--      <view class="bg">-->
<!--        <image src="/static/images/bannerBg.png" />-->
<!--      </view>-->
<!--      <swiper-->
<!--              class="img"-->
<!--              indicator-dots="true"-->
<!--              indicator-color="rgba(255,252,255, .3)"-->
<!--              indicator-active-color="rgba(255,252,255, .6)"-->
<!--              autoplay="true"-->
<!--              circular="true"-->
<!--      >-->
<!--        <swiper-item v-for="(imgItem, imgIdx) in indexImgs" :key="imgIdx" class="item" @tap="toProdDetail(imgItem.spuId)">-->
<!--          <image :src="imgItem.imgUrl" />-->
<!--        </swiper-item>-->
<!--      </swiper>-->
<!--    </view>-->

<!--    <u-form class="form" :model="model" :rules="rules" ref="uForm" label-position="left">-->
<!--      <u-form-item  prop="testOffice" label-width="200">-->
<!--        <js-select v-model="model.testOffice.officeCode" :items="officeSelectList" placeholder="请选择公司" :tree="true"-->
<!--                   :label-value="model.testOffice.officeName" @label-input="model.testOffice.officeName = $event"></js-select>-->
<!--      </u-form-item>-->
<!--    </u-form>-->

<!--    <view class="uni-form-item uni-column">-->
<!--      <picker @change="examinationType" :range="examinationTypeArray">-->
<!--        <label class="">   {{ examinationTypeArrayType}}</label>-->
<!--      </picker>-->
<!--    </view>-->

<!--&lt;!&ndash;    <view class="form-footer">&ndash;&gt;-->
<!--&lt;!&ndash;       <u-button class="btn" type="primary" @click="submit">提交</u-button>&ndash;&gt;-->
<!--&lt;!&ndash;       <u-button class="btn" type="default" @click="cancel">关闭</u-button>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--    &lt;!&ndash; banner图 &ndash;&gt;-->
<!--    <view class="uni-padding-wrap">-->
<!--      <view class="page-section swiper">-->
<!--        <view class="page-section-spacing">-->
<!--          <swiper class="swiper" circular="true" indicator-dots="true" autoplay="true" interval="3500"-->
<!--                  duration="600">-->
<!--            <swiper-item class="swiper-list" v-for="(item, index) in bannerList" :key="index">-->
<!--              <view class="swiper-item uni-bg-red">-->
<!--                <image class="swiper-img" :src="item.imageUrl" mode=""></image>-->
<!--              </view>-->
<!--            </swiper-item>-->
<!--          </swiper>-->
<!--        </view>-->
<!--      </view>-->
<!--    </view>-->


<!--&lt;!&ndash;    <view class="cu-list menu card-menu margin-top-lg margin-bottom-lg shadow-shop bg-white text-black my-radius sm-border">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="cu-item ">&ndash;&gt;-->
<!--&lt;!&ndash;        <button class='content cu-btn' open-type="contact">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src='../../static/me/icon/diannao.png' class='png' mode='aspectFit'></image>&ndash;&gt;-->
<!--&lt;!&ndash;          <text class='text-lg margin-sm'>项目需求</text>&ndash;&gt;-->
<!--&lt;!&ndash;        </button>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--    <view class="u-p-t-10 u-p-b-20">-->
<!--      <view class="u-m-t-20">-->
<!--        <u-cell-group>-->
<!--          <u-cell-item icon="account" :iconSize="iconSize" :iconStyle="{color:'#266bff'}"-->
<!--                       title="开通正式版" @click="navTo('info')"></u-cell-item>-->
<!--        </u-cell-group>-->
<!--      </view>-->
<!--      <view class="u-m-t-20">-->
<!--        <u-cell-group>-->
<!--          <u-cell-item icon="heart" :iconSize="iconSize" :iconStyle="{ color: '#0a1aff' }"-->
<!--                       title="填写税局登录信息" @click="navTo('about')"></u-cell-item>-->
<!--        </u-cell-group>-->
<!--      </view>-->
<!--      <view class="u-m-t-20">-->
<!--        <u-cell-group>-->
<!--          <u-cell-item icon="setting" :iconSize="iconSize" :iconStyle="{ color: '#1a94ff' }"-->
<!--                       title="填写个税登录信息" @click="navTo('setting')"></u-cell-item>-->
<!--        </u-cell-group>-->
<!--      </view>-->
<!--    </view>-->

<!--&lt;!&ndash;    <cu-custom bgColor="bg-gradual-blue" :isBack="false">&ndash;&gt;-->
<!--&lt;!&ndash;      &lt;!&ndash; <block slot="backText">返回</block> &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;      <block slot="content">首页</block>&ndash;&gt;-->
<!--&lt;!&ndash;    </cu-custom>&ndash;&gt;-->

<!--&lt;!&ndash;    <add-tip :tip="tip" :duration="duration" />&ndash;&gt;-->


<!--&lt;!&ndash;    &lt;!&ndash; 导航栏 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <view class="cu-list grid solids-bottom col-4 no-border">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="cu-item" v-for="(item, index) in categories" :key="index"&ndash;&gt;-->
<!--&lt;!&ndash;            :style="[{ animation: 'show ' + ((index + 1) * 0.2 + 1) + 's 1' }]" @click="goCategorieslist"&ndash;&gt;-->
<!--&lt;!&ndash;            :data-mid="item.mid">&ndash;&gt;-->
<!--&lt;!&ndash;        <view :class="['cuIcon-' + item.cuIcon, 'text-' + item.color]">&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="cu-tag badge" v-if="item.count != 0">&ndash;&gt;-->
<!--&lt;!&ndash;            <block v-if="item.badge != 1">{{ item.badge > 99 ? '99+' : item.badge }}</block>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>{{ item.name }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    <view class="message-box">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="page-section swiper">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="page-section-spacing">&ndash;&gt;-->
<!--&lt;!&ndash;          <swiper style="height: 120rpx;" class="swiper" vertical="ture" circular="true"&ndash;&gt;-->
<!--&lt;!&ndash;                  indicator-dots='false' indicator-color="rgba(0,0,0,.0)" indicator-active-color="rgba(0,0,0,.0)"&ndash;&gt;-->
<!--&lt;!&ndash;                  autoplay="true" interval="4000">&ndash;&gt;-->
<!--&lt;!&ndash;            <swiper-item class="swiper-list" v-for="(item, index) in messageData" :key="index">&ndash;&gt;-->
<!--&lt;!&ndash;              <view class="message-tltle">{{item.title}}</view>&ndash;&gt;-->
<!--&lt;!&ndash;              <view class="message-content"><span>{{item.tag}}</span>{{item.content}}</view>&ndash;&gt;-->
<!--&lt;!&ndash;            </swiper-item>&ndash;&gt;-->
<!--&lt;!&ndash;          </swiper>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    <view class="cu-bar bg-white margin-top-xs">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="action sub-title">&ndash;&gt;-->
<!--&lt;!&ndash;        <text class="text-xl text-bold text-blue text-shadow">热门视频</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text class="text-ABC text-blue">curriculum</text>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="action" @click="goVideo"><text class="text-lg text-grey text-shadow">更多</text></view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    <view class="skill-sequence-panel-content-wrapper">&ndash;&gt;-->
<!--&lt;!&ndash;      &lt;!&ndash;左边虚化&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="hide-content-box hide-content-box-left"></view>&ndash;&gt;-->
<!--&lt;!&ndash;      &lt;!&ndash;右边虚化&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="hide-content-box hide-content-box-right"></view>&ndash;&gt;-->
<!--&lt;!&ndash;      <scroll-view scroll-x="true" class="kite-classify-scroll">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="kite-classify-cell shadow" v-for="(item, index) in curriculum" :key="index">&ndash;&gt;-->
<!--&lt;!&ndash;          <view :class="'nav-li bg-index' + (index + 1)">&ndash;&gt;-->
<!--&lt;!&ndash;            <view class="nav-name">{{ item.name }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="nav-content">{{ item.content }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view @click="goVideo" class="nav-btn shadow" :class="'bg-index' + (index + 1)">立即学习</view>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;      </scroll-view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->
<!--&lt;!&ndash;    <view class="cu-bar bg-white margin-top-xs">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="action sub-title">&ndash;&gt;-->
<!--&lt;!&ndash;        <text class="text-xl text-bold text-blue text-shadow">开源项目</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text class="text-ABC text-blue">curriculum</text>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="action" @click="goProjectList"><text class="text-lg text-grey text-shadow">更多</text></view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    <view class="cu-card case no-card">&ndash;&gt;-->
<!--&lt;!&ndash;      <view @click="goProject(item.id)" class="cu-item shadow" v-for="(item, index) in projectList" :key="index">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="image">&ndash;&gt;-->
<!--&lt;!&ndash;          <image :src="item.tImg" mode="widthFix"></image>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="cu-tag bg-gradual-orange">{{ item.tabs }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="cu-bar bg-shadeBottom">&ndash;&gt;-->
<!--&lt;!&ndash;            <text class="text-cut">{{ item.type }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="cu-list menu-avatar">&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="cu-item">&ndash;&gt;-->
<!--&lt;!&ndash;            <view class="margin-lr flex-sub">&ndash;&gt;-->
<!--&lt;!&ndash;              <view class="item-name text-grey text-lg">{{ item.title }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;              <view class="text-gray text-sm flex justify-between">&ndash;&gt;-->
<!--&lt;!&ndash;                {{ item.time }}&ndash;&gt;-->
<!--&lt;!&ndash;                <view class="text-gray text-sm">&ndash;&gt;-->
<!--&lt;!&ndash;                  <text class="cuIcon-attentionfill margin-lr-xs"></text>&ndash;&gt;-->
<!--&lt;!&ndash;                  {{ item.user[0].read }}&ndash;&gt;-->
<!--&lt;!&ndash;                  <text class="cuIcon-appreciatefill margin-lr-xs"></text>&ndash;&gt;-->
<!--&lt;!&ndash;                  {{ item.user[0].like }}&ndash;&gt;-->
<!--&lt;!&ndash;                  <text class="cuIcon-shopfill margin-lr-xs"></text>&ndash;&gt;-->
<!--&lt;!&ndash;                  {{ item.user[0].use }}&ndash;&gt;-->
<!--&lt;!&ndash;                </view>&ndash;&gt;-->
<!--&lt;!&ndash;              </view>&ndash;&gt;-->
<!--&lt;!&ndash;            </view>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    <view style="height: 140rpx;width: 1rpx;"></view>&ndash;&gt;-->


<!--&lt;!&ndash;    &lt;!&ndash; 搜索框 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <view class="search-box">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="search" @tap="toSrearch">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/search.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">搜索您想购买的商品或者店铺</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->


<!--&lt;!&ndash;    &lt;!&ndash; 导航 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <view class="nav-box">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="toNewProds">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-new.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">新品推荐</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('打折特惠')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-sale.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">打折特惠</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('优惠团购')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-group.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">优惠团购</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('秒杀')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-flash.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">限时秒杀</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('领券中心')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-coupon.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">领券中心</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('会员中心')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-member.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">会员中心</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('分销中心')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-distribution.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">分销中心</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="item" @tap="notOpen('积分商城')">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="icon">&ndash;&gt;-->
<!--&lt;!&ndash;          <image src="/static/images/icon-integral.png" />&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="text">积分商城</view>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    &lt;!&ndash; 推荐 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <view class="recommend">&ndash;&gt;-->
<!--&lt;!&ndash;      <scroll-view scroll-x="true" class="category" :scroll-left="categoryScrollLeft" scroll-with-animation @scroll="scroll">&ndash;&gt;-->
<!--&lt;!&ndash;        <block v-for="(item, index) in categoryList" :key="index">&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="category-item" :class="{active:selectedIndex===index}" :data-index="index" :data-categoryid="item.categoryId" @tap="switchCategory">{{ item.name }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;        </block>&ndash;&gt;-->
<!--&lt;!&ndash;      </scroll-view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->
<!--&lt;!&ndash;    <view class="prods">&ndash;&gt;-->
<!--&lt;!&ndash;      <block v-for="(item, index) in categoryProdList" :key="index">&ndash;&gt;-->
<!--&lt;!&ndash;        <view class="item" @tap="toProdDetail(item.spuId)">&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="img">&ndash;&gt;-->
<!--&lt;!&ndash;            <image :src="item.mainImgUrl" />&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;          <view class="text-box">&ndash;&gt;-->
<!--&lt;!&ndash;            <view class="name">{{ item.spuName }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;            <view class="price-box">&ndash;&gt;-->
<!--&lt;!&ndash;              <view class="price">&ndash;&gt;-->
<!--&lt;!&ndash;                <view class="symbol">￥</view>&ndash;&gt;-->
<!--&lt;!&ndash;                <view class="big">{{ wxs.parsePrice(item.priceFee)[0] }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;                <view class="symbol">.{{ wxs.parsePrice(item.priceFee)[1] }}</view>&ndash;&gt;-->
<!--&lt;!&ndash;              </view>&ndash;&gt;-->
<!--&lt;!&ndash;            </view>&ndash;&gt;-->
<!--&lt;!&ndash;          </view>&ndash;&gt;-->
<!--&lt;!&ndash;        </view>&ndash;&gt;-->
<!--&lt;!&ndash;      </block>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->
<!--&lt;!&ndash;    &lt;!&ndash; 无商品显示 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <view v-if="categoryProdList.length===0" class="empty">&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="img">&ndash;&gt;-->
<!--&lt;!&ndash;        <image src="/static/empty-img/not-found.png" />&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="text">没有找到对应商品，看看别的吧</view>&ndash;&gt;-->
<!--&lt;!&ndash;    </view>&ndash;&gt;-->

<!--&lt;!&ndash;    <view v-if="isLoadAll && categoryProdList.length>0" class="nomore">没有更多了，看看别的吧</view>&ndash;&gt;-->
<!--  </view>-->
<!--</template>-->
<!--<script module="wxs" lang="wxs" src="../../wxs/index.wxs"></script>-->

<!--<script>-->
<!--const http = require('../../utils/http.js')-->
<!--const cartCount = require('../../utils/cart-count.js')-->
<!--const util = require('../../utils/util.js')-->
<!--import config from '../../utils/config.js'-->
<!--import Wechat from '../../utils/wechat.js'-->
<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      // Custom: this.Custom,-->
<!--      // CustomBar: this.CustomBar,-->
<!--      spaceShow:true,-->
<!--      modalName: null,-->
<!--      picName: '流星之夜',-->
<!--      pic: [{-->
<!--        link: 'https://cdn.zhoukaiwen.com/zjx_me_bg1.jpeg',-->
<!--        name: '春天'-->
<!--      }, {-->
<!--        link: 'https://cdn.zhoukaiwen.com/zjx_me_bg2.jpeg',-->
<!--        name: '夏天'-->
<!--      }, {-->
<!--        link: 'https://cdn.zhoukaiwen.com/zjx_me_bg3.jpeg',-->
<!--        name: '秋天'-->
<!--      }, {-->
<!--        link: 'https://cdn.zhoukaiwen.com/zjx_me_bg4.jpeg',-->
<!--        name: '冬天'-->
<!--      }, {-->
<!--        link: 'https://cdn.zhoukaiwen.com/zjx_me_bg5.jpeg',-->
<!--        name: '幽静'-->
<!--      }, {-->
<!--        link: 'https://cdn.zhoukaiwen.com/zjx_me_bg6.jpg',-->
<!--        name: '天空'-->
<!--      }],-->
<!--      topBackGroupImageIndex: 5,-->
<!--      inter: [{-->
<!--        title: 'mimicry',-->
<!--        name: '活力春天',-->
<!--        color: ''-->
<!--      }, {-->
<!--        title: 'theme',-->
<!--        name: '清爽夏日',-->
<!--        color: ''-->
<!--      }, {-->
<!--        title: 'theme',-->
<!--        name: '金秋之韵',-->
<!--        color: ''-->
<!--      }, {-->
<!--        title: 'theme',-->
<!--        name: '冬日之阳',-->
<!--        color: ''-->
<!--      }, {-->
<!--        title: 'theme',-->
<!--        name: '幽兰星空',-->
<!--        color: ''-->
<!--      }, {-->
<!--        title: 'theme',-->
<!--        name: '流星之夜',-->
<!--        color: ''-->
<!--      }],-->

<!--      picDomain: config.picDomain, // 图片前缀-->

<!--      // 查询的参数-->
<!--      pageQuery: {-->
<!--        shopId: 0-->
<!--      },-->
<!--      // 返回参数-->
<!--      noticeData: {-->
<!--        list: [], // 返回的列表-->
<!--        total: 0, // 一共多少条数据-->
<!--        pages: 0 // 一共多少页-->
<!--      },-->
<!--      indexImgs: [], // 轮播图-->
<!--      categoryList: [], // 分类列表-->
<!--      selectedIndex: 0, // 选中的分类项(默认为第一个分类)-->
<!--      selectedCategoryId: null,-->
<!--      // 分类商品列表的请求参数-->
<!--      searchListQuery: {-->
<!--        pageSize: 10,-->
<!--        pageNum: 1,-->
<!--        primaryCategoryId: null,-->
<!--        sort: 1 // 新品 1:新品-->
<!--      },-->
<!--      // 分类商品列表返回的参数-->
<!--      searchListData: {-->
<!--        list: [],-->
<!--        total: 0, // 总数-->
<!--        pages: 0 // 总页数-->
<!--      },-->
<!--      categoryProdList: [], // 分类的商品列表-->
<!--      isLoadAll: false, // 是否加载全部-->
<!--      // 分类滚动栏横向滚动距离-->
<!--      categoryScrollLeft: 0,-->
<!--      // 分类滚动的总宽度-->
<!--      contentScrollW: 0,-->
<!--      isWechat: false, // 是否为微信环境-->


<!--      model: {-->
<!--        id: '',-->
<!--        testInput: '',-->
<!--        testTextarea: '',-->
<!--        testSelect: '',-->
<!--        testSelectMultiple: '',-->
<!--        testSelectMultipleLabel: '',-->
<!--        testRadio: '',-->
<!--        testCheckbox: '',-->
<!--        testUser: {-->
<!--          userCode: '',-->
<!--          userName: ''-->
<!--        },-->
<!--        testOffice: {-->
<!--          officeCode: '',-->
<!--          officeName: ''-->
<!--        }-->
<!--      },-->
<!--      rules: {-->
<!--        testInput: [-->
<!--          {-->
<!--            required: true,-->
<!--            message: '请输入单行文本',-->
<!--            trigger: ['change','blur'],-->
<!--          }-->
<!--        ]-->
<!--      },-->
<!--      officeSelectList: ['-&#45;&#45;请选择-&#45;&#45;','11111','22222','33333','44444'],-->
<!--      userSelectList: [],-->

<!--      companyList: ['-&#45;&#45;请选择-&#45;&#45;','11111','22222','33333','44444'],   //公司列表-->

<!--      examinationTypeArray:['&#45;&#45;&#45;&#45;&#45;&#45;','11111','22222','33333','44444'],-->
<!--      examinationTypeIndex:0,-->
<!--      examinationTypeArrayType:'徐州触点网络科技有限公司'-->
<!--    }-->
<!--  },-->

<!--  onShow() {-->
<!--    const tempuid = uni.getStorageSync('tempUid')-->
<!--    const token = uni.getStorageSync('token')-->

<!--    // #ifdef MP-WEIXIN-->
<!--    if (!tempuid && !token) {-->
<!--      wx.login({-->
<!--        success: res => {-->
<!--          this.login('/mall4cloud_auth/ua/social/ma', res.code) // 小程序-先请求微信小程序登录接口-->
<!--        }-->
<!--      })-->
<!--    } else {-->
<!--      this.queryDataGroup()-->
<!--    }-->
<!--    // #endif-->

<!--    // #ifdef H5-->
<!--    this.isWechat = Wechat.isWechat()-->
<!--    if (this.isWechat) { // H5-微信环境-->
<!--      if (!tempuid && !token) {-->
<!--        http.mpAuthLogin('/', true)-->
<!--        // alert('公众号网页登录location.href:' + location.href)-->
<!--        const code = util.getUrlKey('code')-->
<!--        // alert('H5-微信环境 code:' + code)-->
<!--        this.login('/mall4cloud_auth/ua/social/mp', code) // 先请求微信公众号登录接口-->
<!--      } else {-->
<!--        this.queryDataGroup()-->
<!--      }-->
<!--    } else {-->
<!--      this.queryDataGroup()-->
<!--    }-->
<!--    // #endif-->

<!--    // 获取购物车数字-->
<!--    cartCount.getCartCount()-->
<!--  },-->

<!--  onLoad(options) {-->
<!--    this.queryDataGroup()-->
<!--  },-->

<!--  /**-->
<!--   * 页面上拉触底事件的处理函数-->
<!--   */-->
<!--  onReachBottom: function() {-->
<!--    if (this.searchListQuery.pageNum < this.searchListData.pages) {-->
<!--      this.searchListQuery.pageNum = this.searchListQuery.pageNum + 1-->
<!--      this.getSearchList()-->
<!--    } else {-->
<!--      this.isLoadAll = true-->
<!--    }-->
<!--  },-->

<!--  methods: {-->


<!--    examinationType(e) {-->
<!--      this.examinationTypeIndex = e.target.value;-->
<!--      this.examinationTypeArrayType=this.examinationTypeArray[this.examinationTypeIndex]-->
<!--    },-->

<!--    /**-->
<!--     * 跳转商品详情-->
<!--     */-->
<!--    toProdDetail(spuId) {-->
<!--      if(spuId) {-->
<!--        uni.navigateTo({-->
<!--        url: '/pages/detail/detail?spuId=' + spuId-->
<!--      })-->
<!--      }-->
<!--    },-->

<!--    /**-->
<!--     * 微信小程序/公众号登录-->
<!--     */-->
<!--    login(url, code) {-->
<!--      // 发送 code 到后台换取 token-->
<!--      http.request({-->
<!--        login: true,-->
<!--        url: url,-->
<!--        data: code,-->
<!--        callBack: res => {-->
<!--          uni.setStorageSync('token', res.accessToken)-->
<!--          uni.setStorageSync('loginResult', res) // 保存整个登录数据-->
<!--          this.queryDataGroup() // 查询页面所有数据-->
<!--        },-->
<!--        errCallBack: res => {-->
<!--          // 异常-->
<!--          uni.hideLoading()-->
<!--          if (res.code === 'A04001') {-->
<!--            uni.setStorageSync('tempUid', res.data) // token或tempUid-->
<!--            // 社交账号未绑定-->
<!--            uni.showModal({-->
<!--              title: '提示',-->
<!--              content: '还未绑定账号，是否前往绑定？',-->
<!--              success: data => {-->
<!--                if (data.confirm) { // 确认-->
<!--                  uni.navigateTo({-->
<!--                    url: '/pages/bind-account/bind-account'-->
<!--                  })-->
<!--                }-->
<!--              }-->
<!--            })-->
<!--          }-->
<!--        }-->
<!--      }, true)-->
<!--    },-->

<!--    /**-->
<!--     * 查询页面数据方法合集-->
<!--     */-->
<!--    queryDataGroup() {-->
<!--      this.getIndexImgs()-->
<!--      this.getPlatformCategoryList()-->
<!--    },-->

<!--    /**-->
<!--     * 轮播图-->
<!--     */-->
<!--    getIndexImgs() {-->
<!--      uni.showLoading()-->
<!--      var params = {-->
<!--        url: '/exchange_multishop/ua/index_img/list',-->
<!--        method: 'GET',-->
<!--        data: {-->
<!--          shopId: this.pageQuery.shopId-->
<!--        },-->
<!--        callBack: res => {-->
<!--          uni.hideLoading()-->
<!--          this.indexImgs = res-->
<!--        }-->
<!--      }-->
<!--      http.request(params)-->
<!--    },-->

<!--    /**-->
<!--     * 获取商品列表-->
<!--     */-->
<!--    getSearchList() {-->
<!--      uni.showLoading()-->
<!--      this.isLoadAll = false-->
<!--      this.searchListQuery.primaryCategoryId = this.selectedCategoryId-->
<!--      const params = {-->
<!--        url: '/exchange_search/ua/search/simple_page',-->
<!--        method: 'GET',-->
<!--        data: this.searchListQuery,-->
<!--        callBack: res => {-->
<!--          this.searchListData = res-->
<!--          let list = []-->
<!--          if (this.searchListQuery.pageNum === 1) {-->
<!--            list = res.list[0].spus-->
<!--          } else {-->
<!--            list = this.categoryProdList-->
<!--            list = list.concat(res.list[0].spus)-->
<!--          }-->
<!--          if (this.searchListQuery.pageNum === this.searchListData.pages) {-->
<!--            this.isLoadAll = true-->
<!--          }-->
<!--          this.categoryProdList = list-->
<!--          uni.hideLoading()-->
<!--        }-->
<!--      }-->
<!--      http.request(params)-->
<!--    },-->
<!--    /**-->
<!--     * 获取分类栏 scroll-view 滚动相关宽度-->
<!--     */-->
<!--     getCategoryScrollWidth() {-->
<!--      const query = uni.createSelectorQuery().in(this)-->
<!--      query.select('.category').boundingClientRect(data => {-->
<!--        // scroll-view 的宽度-->
<!--        this.contentScrollW = data.width-->
<!--      }).exec()-->
<!--      // 后面优化下这个地方-->
<!--      setTimeout(() => {-->
<!--        query.selectAll('.category-item').boundingClientRect(data => {-->
<!--          let dataLen = data.length;-->
<!--          for (let i = 0; i < dataLen; i++) {-->
<!--            // scroll-view 各个分类项目的距离左边栏的距离-->
<!--            this.categoryList[i].left = data[i].left-->
<!--            // scroll-view 各个分类项目的宽度(看样式那里原来写死了20%，我改成自动宽度)-->
<!--            this.categoryList[i].width = data[i].width-->
<!--          }-->
<!--        }).exec()-->
<!--      }, 1)-->
<!--     },-->
<!--    /**-->
<!--     * 获取平台分类-->
<!--     */-->
<!--    getPlatformCategoryList() {-->
<!--      uni.showLoading()-->
<!--      const params = {-->
<!--        url: '/exchange_product/ua/category/category_list',-->
<!--        method: 'GET',-->
<!--        data: {-->
<!--          shopId: 0,-->
<!--          parentId: 0-->
<!--        },-->
<!--        callBack: res => {-->
<!--          this.categoryList = res-->
<!--          // this.selectedCategoryId = res[0].categoryId // 默认选中分类第一项-->
<!--          this.getSearchList()-->
<!--          uni.hideLoading()-->
<!--          this.getCategoryScrollWidth()-->
<!--        }-->
<!--      }-->
<!--      http.request(params)-->
<!--    },-->
<!--     /**-->
<!--     * 切换分类-->
<!--     */-->
<!--    switchCategory(e) {-->
<!--      const index = parseInt(e.currentTarget.dataset.index)-->
<!--      this.selectedCategoryId = parseInt(e.currentTarget.dataset.categoryid)-->
<!--      if (this.selectedIndex === index) {-->
<!--        return-->
<!--      }-->
<!--      this.selectedIndex = index-->
<!--      this.searchListQuery.pageNum = 1-->
<!--      // scorll-view 实现居中显示的滚动位置(偏移值): 当前点击子元素距离左边栏的距离 - scroll-view 宽度的一半  + 当前点击子元素一半的宽度 - 父盒子边距(如有)-->
<!--      this.categoryScrollLeft = this.categoryList[index].left - this.contentScrollW / 2 + this.categoryList[index].width / 2 - 15-->
<!--      this.getSearchList()-->
<!--    },-->
<!--    scroll(e) {-->
<!--      setTimeout(()=>{-->
<!--        this.categoryScrollLeft = e.target.scrollLeft-->
<!--      })-->
<!--    },-->

<!--    // 跳转搜索页-->
<!--    toSrearch() {-->
<!--      uni.navigateTo({-->
<!--        url: '/pages/search-page/search-page'-->
<!--      })-->
<!--    },-->

<!--    // 跳转新品推荐-->
<!--    toNewProds() {-->
<!--      uni.navigateTo({-->
<!--        url: '/pages/new-prods/new-prods'-->
<!--      })-->
<!--    },-->
<!--    notOpen(title){-->
<!--      uni.showModal({-->
<!--        title: '提示',-->
<!--        content: `${title}暂未开源`,-->
<!--        showCancel: false,-->
<!--        success: function (res) {-->
<!--          if (res.confirm) {-->
<!--            console.log('用户点击确定');-->
<!--          } else if (res.cancel) {-->
<!--            console.log('用户点击取消');-->
<!--          }-->
<!--        }-->
<!--      });-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style>-->
<!--@import "./index.scss";-->
<!--</style>-->
